<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" errorPage="/cd_admin/error/error_page.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>菜单管理界面</title>
<link rel="stylesheet" href="/cd_admin/frame/font-awesome-4.7.0/css/font-awesome.min.css"><!--字体图标引入-->
<link href="/cd_admin/css/style.css" rel="stylesheet" /><!-- 具体样式引入 -->
</head>
<style>
	*{
		margin:0px;
		padding:0px;
		font-size: 6px;
	}
	.table-bordered {
	    border: 1px solid #ddd;
	    border-collapse: separate;
	    border-left: 0;
	    border-radius: 4px;
	    width: 100%;
	}
	.table-bordered th, .table-bordered td {
	    border-left: 1px solid #ddd;
	}

	.table-bordered th {
	    vertical-align: bottom;
	    white-space: nowrap;
	    background-color: #f5f5f5;
	    font-weight: bold;
	}
	
	.table th, .table td {
	    line-height: 20px;
	}
	 .table td {
	    border-top: 1px solid #ddd;
	}
	.table th, .table td{line-height: 30px !important;}
	tr:hover{background-color: #f5f5f5 !important}
	.panele{background-color: #e02222 ;color:#fff;padding:6px 12px;font-size: 12px;cursor: pointer;border-radius: 5px;text-decoration: none;}
	.pull-right{float: right;}
	input[type="text"],.form-control{
		padding: 8px;
	    border: 1px solid #ddd;
	    border-radius: 5px;
	    width: 260px;
	    margin-bottom:10px;
	    margin-left:10px;
	}
	a{cursor: pointer;}
	a:HOVER {color:#fff;background-color: #f70707;}
	.del,.upd{border:1px solid #aaa;padding:4px 5px; border-radius: 5px;font-size: 12px;}
	.del{color:#e02222;}
	.upd{color:green;}
	#hh i{
		width: 20px;
		height: 20px;
	 	margin: 10px;
		color:#8e8e8e;
	}
	#fye{
		text-align: right;
	}
	#top,#lise,#fye{
		margin:0px auto;
	}
</style>
<body>
	<div id="top"style="width:95%;height:500px;margin:0px auto;margin-top:30px;background-color:#fff;border:1px solid #181818">
		<div id="t" style="background-color:#ddd;height:30px;line-height:30px">
			<i class="fa fa-navicon" style="margin:0px 10px;color:#181818;border-right:1 solid #181818"></i>
			<span style="color:#181818">菜单管理</span>
		</div>
		<div>
		<br/>
		<div id="top" style="width:98%">
			<input class="color_333" type="text" id="name" name="search_coy_name" placeholder="菜单名称..." style="margin-left:0px;"/>
           	<a class="panele"  href="javascript:panduan()">查询</a>
           	<a class="panele" href="javascript:reset()"> 重置</a>
            <a class="pull-right panele" href="javascript:add()"> 添加</a>
		</div>
		<div id="lise" style="width:98%"></div>
		<div id="fye" style="width:98%"></div>
	</div>
</div>
	<script type="text/javascript" src="/cd_admin/frame/js/jquery.min.js"></script>
	<script type="text/javascript" src="/cd_admin/js/cd_admin.js"></script><!-- 增删改查等具体操作 -->
	<script type="text/javascript" src="/cd_admin/js/cd.js"></script><!--输入信息限制操作-->
	
	<script type="text/javascript" src="/cd_admin/js/common.js"></script><!-- 分页等操作 -->
</body>
</html>